﻿.tablegrid{
	font-size:13px;
	line-height:17px;
	position:relative;
	background:#fff;
	margin:0 0 27px;
	border:1px solid #c5c4c4;
	-webkit-border-radius:0 0 5px 5px;
	-moz-border-radius:0 0 5px 5px;
	border-radius:0 0 5px 5px;
	-webkit-box-shadow:0 2px 2px 0 #e4e4e4;
	-moz-box-shadow:0 2px 2px 0 #e4e4e4;
	box-shadow:0 2px 2px 0 #e4e4e4;
	width:100%;
}
.tablegrid .title {
    background: none repeat scroll 0 0 #E8F1F9;
    border-color: -moz-use-text-color -moz-use-text-color #C5C4C4;
    border-radius: 0 0 0 0;
    border-style: none none solid;
    border-width: 0 0 1px;
    box-shadow: 0 2px 2px 0 #E4E4E4, 0 0 1px 1px #F9FAFB inset;
    color: #464646;
    font: bold 11px/1 Arial,sans-serif;
    width: auto;
    height:28px;
}
.tablegrid .line.new {
    background: none repeat scroll 0 0 #F2F7F2;
    font-weight: bold;
}
.tablegrid th
{
    padding:10px;
    border-right: 1px solid #C5C4C4;
    border-bottom: 1px solid #C5C4C4;
    text-align:left;
    height:22px;
}
.tablegrid td
{
    border-right: 1px solid #C5C4C4;
    border-bottom: 1px solid #E5E5E5;
    padding:5px 10px;
    text-align:left;
}
.tablegrid th, .tablegrid td
{
    font-size:11px;
}
.tablegrid th.ordered, .tablegrid td.ordered
{
    width:75px;
}
.tablegrid th.datetime, .tablegrid td.datetime
{
    width:110px;
}
.tablegrid th.category, .tablegrid td.category
{
    width:200px;
}
.tablegrid th.date, .tablegrid td.date
{
    width:75px;
}

.tablegrid th.active, .tablegrid td.active
{
    width:75px;
}

.tablegrid th.status, .tablegrid td.status
{
    width:65px;
}
.tablegrid th.last, .tablegrid td.last
{
    width:75px;
    border-right: none;
}
.tablegrid .centeralign
{
    text-align: center; 
}
.tablegrid .rightalign
{
    text-align: right; 
}

/* folow */
.tablegrid.tableflow 
{
    margin: 0; 
    border: 0; 
    border:none;
	border:none;
	-webkit-border-radius:none;
	-moz-border-radius:none;
	border-radius:none;
	-webkit-box-shadow:none;
	-moz-box-shadow:none;
	box-shadow:none;
}

.colaction .btn-editpen
{
    margin-right:5px;
}

.arrow_down, .item_arrow_down
{
    display:inline-block;
    background:url(/images/arrow_dn.gif) no-repeat;
    width:10px;
    height:10px;
    text-indent:-9999px;
}
.arrow_down_off, .item_arrow_down_off
{
    display:inline-block;
    background:url(/images/arrow_dn_off.gif) no-repeat;
    width:10px;
    height:10px;
    text-indent:-9999px;
    cursor:default;
}
.arrow_up, .item_arrow_up
{
    display:inline-block;
    background:url(/images/arrow_up.gif) no-repeat;
    width:10px;
    height:10px;
    text-indent:-9999px;
}
.arrow_up_off, .item_arrow_up_off
{
    display:inline-block;
    background:url(/images/arrow_up_off.gif) no-repeat;
    width:10px;
    height:10px;
    text-indent:-9999px;
    cursor:default;
}
.icon_group
{
    display:inline-block;
    background:url(/images/icon_group.png) no-repeat;
    width:20px;
    height:20px;
    text-indent:-9999px;
}
.icon_section
{
    margin-left:13px;
    display:inline-block;
    background:url(/images/icon_section.png) no-repeat;
    width:20px;
    height:20px;
    text-indent:-9999px;
}
.icon_field
{
    display:inline-block;
    background:url(/images/icon_field.gif) no-repeat;
    width:25px;
    height:9px;
    text-indent:-9999px;
}
.icon_field_small
{
    margin-left:13px;
    display:inline-block;
    background:url(/images/icon_field_small.gif) no-repeat;
    width:11px;
    height:9px;
    text-indent:-9999px;
}

.btn-edit{
	background-position: -105px -385px;
	width: 23px;
	height: 23px;
}
.btn-edit:hover{
	background-position: -129px -385px;
	width: 23px;
	height: 23px;
}